﻿@model OnlineEducation.Models.TrailerViewModels.TrailerViewMeeting
@{
    Layout = null;
}

<div class="container-fluid">
    <div class="modal-header">
        <h4 class="modal-title">免费体验教室说明</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    </div>
    <div asp-validation-summary="ModelOnly" class="text-danger"></div>
    <div class="row">

        <div class="col-lg-12">
            <div class="card-box">

                @*<h4 style="text-align:center">说明</h4>*@
                @*<p class="subtitle">1. 在教室新建成功后，即可进入教室。</p>*@
                <p class="subtitle">1. 体验教室不能作为实际教室使用，但功能和实际教室相同。</p>
                <p class="subtitle">2. 体验教室自建立后20分钟之内有效，之后会被系统关闭。</p>
                <p class="subtitle">3. 在进入教室之前，请确认摄像头，麦克已经正确接入连接到电脑。 </p>
                <p class="subtitle">4. 注册为正式用户，免费试用3个月，享有全部功能。 </p>
                <input type="hidden" value="@Model.MeetingAddress" id="meeting_address" />
                <div class="row" style="text-align:center">
                    <div class="col-lg-6">
                        <h4><a href="/Trailer/Index?name=@Model.Name&&meetingId=@Model.MeetingId" target="_blank">进入教室</a></h4>
                    </div>
                    <div class="col-lg-6">
                        <h4><a href="javascript:void(0);" id="btn" data-clipboard-text="@Model.MeetingAddress">复制进入教室链接</a></h4>
                       <script>
                           var btn = document.getElementById('btn');

                           var clipboard = new ClipboardJS(btn, {

                               container: document.getElementById('modalDefault')

                           });
                           clipboard.on('success', function (e) {
                    
                               $.toast({
                                   heading: '成功',
                                   text: "教室地址已复制到剪贴板。",
                                   loader:false,
                                   position: 'top-center',
                              
                               })
                           });

                       </script>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<script>
    function saveTempClassRoom() {
        var name = $('#name').val();
        if (name == "") {
            ShowMessageError("用户名不能为空");
            return;
        }
        // var data = new teachingEvaluationViewModel(teachPlanId, content, point, id);
        var data = { name, meetingID, attendeePW, moderatorPW, welcome };
        $.ajax({
            type: 'POST',
            url: '/Trailer/Add',
            data: data,
            success: function (data) {
                if (data.success) {
                    //教室新建成功后，准备进入进入教室
                }
            }
        });
    }


</script>

